.root{
    -fx-background-color: linear-gradient(to top, rgb(180, 255, 235), rgb(30, 170, 123));
}
.logo{
    -fx-padding: 0.7em 0.57em;
    -jfx-button-type: RAISED;
    -fx-font-size: 40px;
    -fx-pref-width: 250;
    -fx-border-color: #3f51b5;
    -fx-background-radius:30px;
}
.login{
    -fx-padding: 0.7em 0.57em;
    -fx-font-size: 40px;
    -jfx-button-type: RAISED;
    -fx-background-color: rgb(72, 170, 135);
    -fx-pref-width: 250;
    -fx-text-fill: WHITE;
}

.offLine{
    -fx-padding: 0.7em 0.57em;
    -fx-font-size: 40px;
    -jfx-button-type: RAISED;
    -fx-background-color: rgb(255, 255, 255);
    -fx-pref-width: 250;
    -fx-text-fill: #606060;
    -fx-border-color: #f6f6f6;
}
.appName{
    -fx-font-size: 40px;
    /*-fx-background-color: rgba(100, 198, 255, 0.62);*/
    /*-fx-text-fill: linear-gradient(to top, rgba(0,0,0,60), rgba(255,255,255,1));*/
    -fx-text-fill:rgb(255, 255, 255);
    /*-fx-highlight-text-fill: #606060;*/
}
